<template>
  <a-tooltip :title="text">
    <span
        :style="{color: tColor,maxWidth: maxWidth,overflow: 'hidden',display: display,
        textOverflow: 'ellipsis',whiteSpace: 'nowrap',textAlign: textAlign}">
      {{ text }}
    </span>
  </a-tooltip>
</template>

<script setup>
defineProps({
  text: {default: ''},
  maxWidth: {default: '200px'},
  textAlign: {default: 'right'},
  tColor: {default: '#999999'},
  display: {default: 'inherit'},
})
</script>
<style lang="less" scoped>

</style>